<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>layout 后台大布局 - Layui</title>
  <link rel="stylesheet" href="layui/css/layui.css">
  <script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
  <script type="text/javascript" src="js/time.js"></script>
   <script type="text/javascript" src="layui/layui.all.js"></script>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
  <div class="layui-header">
    <div class="layui-logo"><img src="img/logo.png" style="width:180px;height:40px;"></div>
    <!-- 头部区域（可配合layui已有的水平导航） -->
    <ul class="layui-nav layui-layout-left">
      <li class="layui-nav-item"><a href="">控制台</a></li>
      <li class="layui-nav-item"><a href="">商品管理</a></li>
      <li class="layui-nav-item"><a href="">用户</a></li>
      <li class="layui-nav-item">
        <a href="javascript:;">其它系统</a>
        <dl class="layui-nav-child">
          <dd><a href="">邮件管理</a></dd>
          <dd><a href="">消息管理</a></dd>
          <dd><a href="">授权管理</a></dd>
        </dl>
      </li>
      
    </ul>
    <ul class="layui-nav layui-layout-right">
    	 <li class="layui-nav-item"><div class="sj">
	      <span></span>年 
        <span></span>月 
        <span></span>日 
        <span></span>时 
        <span></span>分 
        <span></span>秒
      </div> </li>
      <li class="layui-nav-item">
        <a href="javascript:;">
          <img src="img/u=3191989185,3824618349&fm=26&gp=0.jpg" class="layui-nav-img">
           <span id="usernameId"></span> 
        </a>
        <dl class="layui-nav-child">
          <dd><a href="javascript:loadPersonCenter();">基本资料</a></dd>
          <dd><a href="javascript:drawer();">安全设置</a></dd>
        </dl>
      </li>
      <li class="layui-nav-item"><a href="javascript:sysExit()">退出登录</a></li>
    </ul>
  </div>
  
  <div class="layui-side layui-bg-black">
    <div class="layui-side-scroll">
      <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
      <ul class="layui-nav layui-nav-tree"  lay-filter="test">
        <li class="layui-nav-item ">
          <a class="" href="javascript:;"><span class="layui-icon layui-icon-read" /> 基础信息管理</span></a>
          <dl class="layui-nav-child">
            <dd><a href="javascript:loadDataDict();"><span class="layui-icon layui-icon-read"> 数据字典管理</span></a></dd>
            <dd><a href="javascript:loadMoneyMethod();"><span class="layui-icon layui-icon-rmb"> 资产分类管理</span></a></dd>
            <dd><a href="javascript:loadCompany();"><span class="layui-icon layui-icon-group"> 公司职员管理</span></a></dd>
            <dd><a href="javascript:loadSystemUser();"><span class="layui-icon layui-icon-util"> 系统用户管理</span></a></dd>
          </dl>
        </li>
        <li class="layui-nav-item">
          <a href="javascript:;"><span class="layui-icon layui-icon-senior"> 资产流转管理</span></a>
          <dl class="layui-nav-child">
          	<dd><a href="javascript:loadAssetManage();"><span class="layui-icon layui-icon-read"> 普通资产流转管理</span></a></dd>
            <dd><a href="javascript:loadCarManage();"><span class="layui-icon layui-icon-find-fill"> 车俩资产流转管理</span></a></dd>
            <dd><a href="javascript:JinRongliuzhuan();"><span class="layui-icon layui-icon-senior"> 金融资产流转管理</span></a></dd>
            <dd><a href="javascript:BuDongchanliuzhuan();"><span class="layui-icon layui-icon-tabs"> 不动产流转管理</span></a></dd>
          </dl>
        </li>
        <li class="layui-nav-item">
			<a href="javascript:;"><span class="layui-icon layui-icon-form"> 资产信息管理</span></a>
		<dl class="layui-nav-child">
			<dd><a href="javascript:loadImmovablesInfo();"><span class="layui-icon layui-icon-vercode"> 不动产信息管理</span></a></dd>
		  <dd><a href="javascript:loadImmovablesManage();"><span class="layui-icon layui-icon-reply-fill"> 普通资产信息管理</span></a></dd>
		  <dd><a href="javascript:loadMonetaryAssets();"><span class="layui-icon layui-icon-menu-fill"> 金融资产信息管理</span></a></dd>
		  <dd><a href="javascript:loadCarMonetary();"><span class="layui-icon layui-icon-engine"> 车辆资产信息管理</span></a></dd>
		</dl></li>
      </ul>
    </div>
  </div>
  
  <div class="layui-body">
    <!-- 内容主体区域 -->
    <div id="mainFrame" style="padding: 15px;"></div>
  </div>
  
  <div class="layui-footer">
    <!-- 底部固定区域 -->
    © 天津中德应用技术大学软件工程4班<a class="fullscreen" href="javascript:;">&nbsp;&nbsp;&nbsp;全屏/Esc</a>&nbsp;&nbsp;&nbsp;	模式
<script src="layui/layui.js"></script>
<script src="layui/layui.all.js"></script>
<script type="text/javascript" src="js/manager.js"></script>
<script>
	
//JavaScript代码区域
layui.use('element', function(){
  var element = layui.element;
  		//全屏效果
    //进行切换
    var fullScreenClickCount=0;
    //调用各个浏览器提供的全屏方法
    var handleFullScreen = function () {
        var de = document.documentElement;


        if (de.requestFullscreen) {
            de.requestFullscreen();
        } else if (de.mozRequestFullScreen) {
            de.mozRequestFullScreen();
        } else if (de.webkitRequestFullScreen) {
            de.webkitRequestFullScreen();
        } else if (de.msRequestFullscreen) {
            de.msRequestFullscreen();
        }
        else {
            wtx.info("当前浏览器不支持全屏！");
        }


    };
    //调用各个浏览器提供的退出全屏方法
    var exitFullscreen=function() {
        if(document.exitFullscreen) {
            document.exitFullscreen();
        } else if(document.mozCancelFullScreen) {
            document.mozCancelFullScreen();
        } else if(document.webkitExitFullscreen) {
            document.webkitExitFullscreen();
        }
    }
    $(".fullscreen").click(function () {
        if (fullScreenClickCount % 2 == 0) {
            handleFullScreen();
        } else {
            exitFullscreen();
        }
        fullScreenClickCount++;
    });
});
</script>
</body>
</html>
